<div class="cs-layout-wrap">
    <div class="cs-layout-main">
        <div  class="cs-layout-left col-md-2">
            <div class="cs-panel-title">
                <span><i class="fa fa-sitemap"></i>组织机构树</span>
            </div>
            </form>
            <ul id="deptTreeData" class="ztree" ></ul>
        </div>

        <div class="cs-layout-center col-md-10">
            <div id="searchBlock">
                <div class="row">
                    <div class="col-xs-10 col-sm-10 col-md-10" id="searchDiv">
                        <form id="searchForm">
                            <div class="col-md-4 form-horizontal">
                                <div class="form-group">
                                    <label for="deptName" class="col-md-4 control-label"> </span>组织机构名称:</label>
                                    <div class="col-md-8">
                                        <input id="deptName" type="text" name="deptName"
                                               class="form-control" tabindex="3" autofocus>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 form-horizontal">
                                <div class="form-group">
                                    <label for="deptCode" class="col-md-4 control-label"> </span>组织机构编码:</label>
                                    <div class="col-md-8">
                                        <input id="deptCode" type="text" name="deptCode"
                                               class="form-control" tabindex="3" autofocus>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 form-horizontal">
                                <button id="btnSearch" class="btn btn-default" type="button">查询</button>
                                <button id="btnReset" class="btn btn-default" type="button">重置</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <div class="col-md-12" id="deptGrid" style="height: 515px"></div>
        </div>
    </div>
</div>
<!-- 模态框（Modal） -->
<div class="modal fade" id="uploadModal" tabindex="-1" role="dialog" aria-labelledby="uploadModalLabel" aria-hidden="true">
    <div class="modal-dialog" style="width: 800px">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="uploadModalLabel">部门导入</h4>
            </div>
            <div class="modal-body">
                <ul>
                    <li>
                        一、请按照数据模板的格式准备要导入的数据。
                        <a href="" id="deptTemplate">下载数据模板</a>
                    </li>
                    <li>二、请认真阅读Excle模板文件中的<span style="color: red">注意事项</span>。</li>
                    <li>三、请选择需要导入的Excel文件。</li>
                </ul>
                <form id="uploadForm">
                    <input type="file" id="uploadFile" name="uploadFile" accept=".xls"/>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" id="uploadButton" class="btn btn-primary">确定</button>
                <button type="button" id="close" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div><
</div>